<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta charset="UTF-8">
		<title>Spark Beispiel: Karte</title>
		<link rel="stylesheet" href="http://km.aifb.kit.edu/sites/spark/docs/screen.css" type="text/css" media="screen, projection">
		<link rel="stylesheet" href="http://km.aifb.kit.edu/sites/spark/docs/print.css" type="text/css" media="print">
		<link rel="shortcut icon" href="http://km.aifb.kit.edu/sites/spark/docs/favicon.ico" />
	    <script type="text/javascript"
    	        src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
	    <script type="text/javascript"
    	        src="http://km.aifb.kit.edu/sites/spark/src/jquery.spark.js"></script>
	    <!-- it would be good to make this automatic in spark.gmapv3.js -->
    	<script type="text/javascript"
        	    src="http://maps.google.com/maps/api/js?sensor=false" ></script>
	    <!-- the following is required by Chrome when running on file: URIs -->
    	<script type="text/javascript"
        	    src="http://liris.cnrs.fr/~pchampin/spark/spark.gmapv3.js" ></script>
	</head>
	<body>
		<div class="container">
			<div class="span-24 last prepend-top">
				<header>
					<h1>Spark Beispiel: Karte</h1>
					<p>
						<a href="http://km.aifb.kit.edu/sites/spark/gipfel/index.html">[Startseite]</a>
						&mdash;					
					    <a href="beispiel-interaktion.html">[Beispiel: Interaktion]</a>
						&mdash;
						<strong>[Beispiel: Karte]</strong>
						&mdash;
						<a href="beispiel-integration.html">[Beispiel: Integration]</a>
					</p>
				</header>
				<p>
				<div class="spark" id="map_canvas" style="height: 400px"
					data-spark-endpoint="http://dbpedia.org/sparql"
					data-spark-format="http://liris.cnrs.fr/~pchampin/spark/spark.gmapv3.js"
					data-spark-param-zoom="5"
					data-spark-param-center="Berlin, Germany"
					data-spark-query="
						PREFIX geo: <http://www.w3.org/2003/01/geo/wgs84_pos#>
						PREFIX dbp: <http://dbpedia.org/ontology/>
						PREFIX foaf: <http://xmlns.com/foaf/0.1/>

						SELECT ?name ?lat ?long
						WHERE {
							?uni a dbp:University;
								foaf:name ?name ;
								geo:lat ?lat; geo:long ?long;
								dbp:country <http://dbpedia.org/resource/Germany>
						}"
					data-spark-param-latitude="lat"
					data-spark-param-longitude="long"
					data-spark-param-label="name"
				>
					<em>loading&hellip;</em>
				</div>
				</p>
				<p>
<strong>Spark</strong> holt sich Daten aus <a href="http://dbpedia.org">DBpedia</a>,
fragt nach den Universit&auml;ten in Deutschland, und zeigt diese dann auf einer
<a href="http://maps.google.de">Google Map</a> an.
Die Anfrage kann leicht ver&auml;ndert werden, und es k&ouml;nnen beliebige Datenquellen
im Netz verwendet werden.
				</p>
			<footer>
				<p>
				    <a href="http://km.aifb.kit.edu/sites/spark/index.html">[Englische Startseite]</a>
					&mdash;
					<a href="http://km.aifb.kit.edu/sites/spark/docs/example/">[Englische Beispiele]</a>
					&mdash;
					<a href="http://code.google.com/p/rdf-spark/">[Entwicklung]</a>
				</p>
				<p>
					<a href="http://www.aifb.kit.edu"><img alt="KIT" border="0" title="KIT" src="../docs/kit.png" width="70" height="26" /></a>
					Developed 2011 by
					<a href="http://denny.vrandecic.de">Denny Vrande&#269;i&#263;</a>,
					<a href="http://harth.org/andreas/">Andreas Harth</a>
					and
					<a href="http://www.b-kaempgen.de">Benedikt K&auml;mpgen</a>
				</p>
			</footer>
			</div>
		</div>
	</body>
</html>
